body#layout ul {
  list-style-type:none;
  list-style:none;
}

body#layout ul li {
  list-style-type:none;
  list-style:none;
}

body#layout #content {
  width:600px;
}

body#layout #nbtfeature {
  display:none;
}

body#layout #slider {
  display:none;
}

/* Variable definitions
   ====================

*/ {
  margin:0;
  padding:0;
}

body {
  font:normal normal 13px "Roboto_Regular","Roboto","Roboto Regular","Franklin Gothic Medium","Franklin Gothic Book","Lucida Sans","Lucida Sans Unicode",Helmet,Freesans,sans-serif;
  color:#333;
  background:#252527;
  margin:0 auto;
  padding:0;
}

img {
  border:0;
  margin:0;
  transition:all 0.4s ease-in;
  opacity:0.8;
}

img:hover {
  opacity:10;
}

a {
  color:#E73E62;
  text-decoration:none;
  transition:all 0.4s ease-in;
  outline:none;
}

a:hover {
  color:#BC1A3C;
  text-decoration:none;
}

blockquote {
  transition:all 0.4s ease-in;
  color:#BEBEBE;
  border:1px solid #000000;
  background:#383838;
  font-style:italic;
  font-family:Georgia;
  padding:10px;
}

blockquote:hover {
  background-color:#2D2D2D;
}

.clear {
  clear:both;
}

table {
  border-collapse:collapse;
  border-spacing:0;
}

table td,
table th {
  text-align:left;
  border:1px solid #fff;
  padding:.4em .8em;
}

table th {
  background:#ddd;
  color:#999;
  text-transform:uppercase;
  font-weight:400;
  border:1px solid #fff;
}

table td {
  padding-top: 10px;
  box-shadow:0 1px 0 rgba(255,255,255,0.1),inset 0 1px 0 #000;
  border:1px solid #282828;
  background:#1B1B1B;
  color:#555;
}

table tr.even td {
  background:#eee;
  border:none;
}

.clearfix:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  line-height:0;
  height:0;
}

.clearfix {
  display:inline-block;
}

html[xmlns] .clearfix {
  display:block;
}

* html .clearfix {
  height:1%;
}

.rounded {
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}

.boxshadow {
  -moz-box-shadow:0 0 5px #000;
  -webkit-box-shadow:0 0 5px #000;
  box-shadow:0 0 5px #000;
}

/* OUTER  */

#wrapper {
  width:1000px;
  margin:0 auto;
}

/* HEADER */

#masthead {
  height:104px;
  background:#252527;
}

#head {
  width:1000px;
  margin:0 auto;
}

#top {
  height:100px;
  overflow:hidden;
}

#blogname {
  width:400px;
  float:left;
  overflow:hidden;
}

#blogname h1 {
  font-size:30px;
  margin:12px 0 0 10px;
  font-family:'Oswald',Arial;
}

#header-inner > div.titlewrapper > h1 > a:hover {
  color:rgba(6,183,147,1);
}

#blogname h1 a:link,
#blogname h1 a:visited {
  text-shadow:2px 2px 0 #000;
  color:#D2D2D2;
}

/* Sprites */

#tbisose {
  list-style:none;
  text-decoration:none;
  font-size:.9em;
  font-family:Roboto,sans-serif;
}

#tbisose a {
  text-decoration:none;
  font-family:trebuchet ms,sans-serif;
}

#tbisose li {
  position:relative;
  height:38px;
  cursor:pointer;
  padding:0 !important;
}

#tbisose .facebook,
.googleplus {
  position:relative;
  z-index:5;
  display:block;
  float:none;
  width:210px;
  height:38px;
  border-radius:1px;
  background:url(http://2.bp.blogspot.com/-aptPLfx4MsQ/U1UNCjHxKpI/AAAAAAAACq0/6x7ssfVYckI/s1600/sprites.png) no-repeat;
  background-color:rgba(217,30,118,.42);
  color:#141414;
  text-align:left;
  text-indent:50px;
  white-space:nowrap;
  line-height:32px;
  -webkit-transition:width .25s ease-in-out,background-color .25s ease-in-out;
  -moz-transition:width .25s ease-in-out,background-color .25s ease-in-out;
  -ms-transition:width .25s ease-in-out,background-color .25s ease-in-out;
  -o-transition:width .25s ease-in-out,background-color .25s ease-in-out;
  transition:width .25s ease-in-out,background-color .25s ease-in-out;
  margin:10px 0 0;
}

#tbisose li:after {
  position:absolute;
  top:0;
  left:50px;
  z-index:2;
  display:block;
  height:38px;
  color:#545454;
  content:attr(data-alt);
  line-height:32px;
}

#tbisose .icon {
  overflow:hidden;
  color:#fafafa;
}

#tbisose .facebook {
  width:32px;
  height:32px;
  background-color:rgba(59,89,152,0.42);
  background-position:0 0;
}

#tbisose .googleplus {
  width:32px;
  height:32px;
  background-color:rgba(228,69,36,0.42);
  background-position:-3px -66px;
}

#tbisose li:hover .icon,
.touch #tbisose li .icon {
  width:285px;
}

.touch #tbisose li .facebook,
#tbisose li:hover .facebook {
  background-color:rgba(59,89,152,1);
}

.touch #tbisose li .googleplus,
#tbisose li:hover .googleplus {
  background-color:rgba(228,69,36,1);
}

.top,
.paper_bag,
.quote1,
.quote2,
.retina {
  background:url(http://i1154.photobucket.com/albums/p531/Yoshi_Kimura_Satrio_Takahashi/sprites_zpsd2b454e2.png) no-repeat;
}

.top {
  background-position:-12.013885498px 0;
  width:49px;
  height:49px;
}

.paper_bag {
  background-position:-4.99652099609px -128.989562988px;
  width:70px;
  height:70px;
}

.quote1 {
  background-position:-12.0069274902px -205.993041992px;
  width:18px;
  height:19px;
}

.quote2 {
  background-position:-45.0069580078px -205.982635498px;
  width:18px;
  height:19px;
}

.retina {
  background-position:0 -52.9826202393px;
  width:80px;
  height:70px;
}

/* PENCARIAN */

#search-box {
  position:relative;
  width:97.9%;
  overflow:hidden;
  margin:15px 0 0 0;
  margin-left:10px;
}

#search-form {
  height:20px;
  border:1px solid #000;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  background-color:#000;
  overflow:hidden;
}

#search-text {
  font-size:12px;
  color:#ddd;
  border-width:0;
  background:black;
}

#search-box input[type="text"] {
  width:100%;
  padding:1px 0 12px 1em;
  color:#CBCBCB;
  outline:none;
}

#search-button:hover {
  background:#BC1A3C;
}

#search-button {
  transition:all 0.4s ease-in;
  font-family:'Oswald',Arial;
  position:absolute;
  top:0;
  right:0;
  height:22px;
  width:80px;
  font-size:14px;
  color:#fff;
  text-align:center;
  line-height:2px;
  border-width:0;
  background-color:#E73E62;
  -webkit-border-radius:0 2px 2px 0;
  -moz-border-radius:0 2px 2px 0;
  border-radius:0 2px 2px 0;
  cursor:pointer;
}

#banner {
  width:600px;
  float:left;
  overflow:hidden;
}

.atap-iklan {
  float:right;
  width:485px;
  height:70px;
  margin-top:10px;
  padding:10px 0 0 60px;
  color:#eee;
  font-size:12px;
  font-family:arial;
}

/* IKLAN */

.iklan img:hover {
  border-color:#E73E62;
  opacity:10;
}

.iklan img {
  box-shadow: 0 1px 5px 0 rgba(0,0,0,1);
  transition:all 0.4s ease-in;
  border:3px solid #363636;
  opacity:0.8;
}

#casing > table {
  float:right;
  margin-top:28px;
  margin-right:12px;
}

/* MENU */

#menu li a:hover {
  transition-duration:0s;
  color:#444;
  background-color:#e5e5e5;
}

#menu {
  background:rgba(6,183,147,0.68);
  color:#fff;
  height:40px;
}

#menu ul,
#menu li {
  margin:0;
  padding:0;
  list-style:none;
}

#menu ul {
  height:40px;
}

#menu li {
  float:left;
  display:inline;
  position:relative;
  font:bold 13px Arial;
}

#menu li a {
  color:#fff;
}

#menu a {
  transition:all 0.4s ease-in;
  display:block;
  line-height:40px;
  padding:0 14px;
  text-decoration:none;
  color:#000;
}

#menu li:hover > a,
#menu li a:hover {
  background:#049E7F;
  color:#fff;
}

#menu input {
  display:none;
  margin:0 0;
  padding:0 0;
  width:80px;
  height:35px;
  opacity:0;
  cursor:pointer;
}

#menu label {
  font:bold 30px Arial;
  display:none;
  width:35px;
  height:36px;
  line-height:36px;
  text-align:center;
}

#menu label span {
  font-size:13px;
  position:absolute;
  left:35px;
}

#menu ul.menus {
  box-shadow:inset 0 0 1px 1px #000;
  height:auto;
  overflow:hidden;
  width:180px;
  background:#121212;
  position:absolute;
  z-index:99;
  display:none;
  color:#333;
}

#menu ul.menus a {
  text-shadow:none;
  color:#FFF;
}

#menu ul.menus li {
  display:block;
  width:100%;
  font:12px Arial;
  text-transform:none;
}

#menu li:hover ul.menus {
  display:block;
}

#menu a.prett,
#menu a.trigger2 {
  padding:0 27px 0 14px;
}

#menu li:hover > a.prett,
#menu a.prett:hover {
  background:#27AE60;
  color:#fff;
}

#menu a.prett::after {
  content:"";
  width:0;
  height:0;
  border-width:6px 5px;
  border-style:solid;
  border-color:#eee transparent transparent transparent;
  position:absolute;
  top:15px;
  right:9px;
}

#menu ul.menus a:hover {
  box-shadow:inset 4px 0 0 0 #252527;
  background:#049E7F;
}

#menu a.trigger2::after {
  content:"";
  width:0;
  height:0;
  border-width:5px 6px;
  border-style:solid;
  border-color:transparent transparent transparent #eee;
  position:absolute;
  top:13px;
  right:9px;
}

@media screen and (max-width:768px) {
  #menu {
    position:relative;
  }
  #menu ul {
    background:#121212;
    position:absolute;
    top:100%;
    right:0;
    left:0;
    z-index:3;
    height:auto;
    display:none;
  }
  #menu ul.menus {
    width:100%;
    position:static;
    border:none;
  }
  #menu li {
    display:block;
    float:none;
    width:auto;
    text-align:left;
  }
  #menu li a {
    color:#fff;
  }
  #menu li {
    color:#FFF;
  }
  #menu li:hover {
    background:rgba(6,183,147,0.68);
    color:#FFF;
  }
  #menu li:hover > a.prett,
  #menu a.prett:hover {
    background:#2ECC71;
    color:#FFF;
  }
  #menu ul.menus a {
    background:rgba(6,183,147,0.68);
  }
  #menu input,
  #menu label {
    position:absolute;
    top:0;
    left:0;
    display:block;
  }
  #menu input {
    z-index:4;
  }
  #menu input:checked + label {
    color:white;
  }
  #menu input:checked ~ ul {
    display:block;
  }
}

/* BELOW HEADER */

	

#casing {
  width:1000px;
  background:#252527;
  padding:20px 0 0;
}

/* CONTENT AREA */

#content {
  width:655px;
  margin-left:10px;
  margin-top:30px;
  float:left;
  word-wrap:break-word;
  overflow:hidden;
}

.post {
  margin:0 0 15px 0;
  color:#B9B9B9;
}

.post-body {
  line-height:24px;
}

.postimg {
  float:left;
  margin:10px 10px 10px 0;
  padding:4px;
  background:#fff;
  border:1px solid #eee;
}

.bposttitle {
  margin:0 0;
  padding:0 0;
}

.bposttitle  h2 {
  margin:0 0;
  padding:5px 0 5px 0;
  font-size:24px;
  font-family:'Oswald',Arial;
  font-weight:normal;
  text-transform:uppercase;
}

.bposttitle  h2 a,
.bposttitle  h2 a:link,
.bposttitle  h2 a:visited {
  color:#E73E62;
  background-color:transparent;
}

.bposttitle  h2 a:hover {
  color:#BC1A3C;
  background-color:transparent;
}

.postmeta {
  padding:5px 0;
  font-size:10px;
  text-transform:uppercase;
}

.entry {
  margin:13px 0 0 0;
  padding:0 0;
}

.entry a:link,
.entry a:visited {
  color:rgba(6,183,147,1);
}

.entry a:hover {
  color:rgba(11,125,102,1);
}

.entry ul,
.entry ol {
  margin:.4em 0 1em;
  line-height:150%;
}

.entry ul li,
.entry ol li {
  list-style-position:outside;
  margin-left:1.6em;
}

.entry p {
  margin:0 0 10px 0;
  padding:5px 0;
  line-height:180%;
}

a.morer {
  background:#555;
  padding:5px 10px;
  float:right;
  color:#fff !important;
}

/* SIDEBAR */

#right {
  margin-top:0px;
  margin-right:10px;
  width:306px;
  float:right;
  word-wrap:break-word;
  overflow:hidden;
}

/* WIDGETS */

.sidebar {
  color:#6f6f6f;
}

.sidebar a {
  text-decoration:none;
  color:rgba(6,183,147,1);
}

.sidebar a:hover {
  text-decoration:none;
  color:rgba(11,125,102,1);
}

.sidebar .widget {
  box-shadow:0 1px 0 rgba(255,255,255,0.1),inset 0 1px 0 #000;
  margin:0 0 2px 0;
  background:rgba(30,30,30,1);
  padding:0;
}

.sidebar .widget h2 {
  box-shadow:0 1px 5px 0 rgba(0,0,0,1);
  color:#F4F4F4;
  margin-bottom:2px;
  font:400 14px 'Oswald',Arial;
  padding:10px 10px 7px 10px;
  background:#4F4F4F;
  text-transform:uppercase;
}

.sidebar .widget-content {
  margin:0;
  padding:5px 10px;
  line-height:18px;
}

.sidebar ul {
  list-style-type:none;
  list-style:none;
  margin:0;
  padding:0;
}

.sidebar ul li {
  padding:5px 0;
  margin:0;
}

/* Archive title and pagination */

	
	
h1.pagetitle {
  font-size:14px;
  margin-bottom:20px;
  color:#777;
}

/* Footer widgets */

#bottom {
  margin:0 auto;
  width:1000px;
  background:#000;
}

.bottomcover {
  background:#000;
  margin:0 auto;
  padding-bottom:10px;
}

.botwid .widget h2 {
  border-bottom:2px solid #323232;
  font-size:16px;
  padding:1px 0 5px 0;
  color:#ccc;
  text-shadow:1px 1px 0 #111;
  font-family:'Oswald',Arial,Tahoma,Century gothic,sans-serif;
  font-weight:normal;
  text-transform:uppercase;
}

.botwid {
  float:left;
  width:250px;
  padding-bottom:30px;
  font-size:11px;
  margin:5px 45px 0 18px;
  color:#ddd;
  list-style:none;
}

.botwid ul {
  list-style-type:none;
  margin:0;
  padding:0 0 0 0;
}

.botwid li {
  list-style-type:none;
  margin:0;
  padding:0;
}

.botwid ul ul {
  list-style-type:none;
  margin:0;
  padding:0 0 0 0;
  background-repeat:no-repeat;
}

.botwid ul ul ul {
  list-style-type:none;
  margin:0;
  padding:0;
  border:0;
}

.botwid ul ul ul ul {
  list-style-type:none;
  margin:0;
  padding:0;
  border:0;
}

.botwid ul li {
  height:100%;
  line-height:18px;
  clear:left;
  width:215px;
  list-style-type:none;
  padding:5px 0 5px 0;
}

.botwid ul li a:link,
.botwid ul li a:visited {
  color:#777;
  text-decoration:none;
  padding:5px 0 5px 0;
  border-bottom:1px dotted #444;
}

.botwid ul li a:hover {
  color:#fff;
}

.botwid p {
  padding:7px 0;
  margin:0;
  line-height:150%;
}

.botwid table {
  width:100%;
  text-align:center;
  color:#787d7f;
}

/* FOOTER */

#footer {
  border-top:5px solid #323232;
  padding:15px 0 15px 0;
  color:#FFF;
  font-size:11px;
  background:#E73E62;
}

#footer a:link,
#footer a:visited {
  color:#FFF;
}

#footer a:hover {
  color:#C6C6C6;
}

.fcred {
  width:1000px;
  text-align:center;
  margin:0 auto;
  line-height:16px;
  text-shadow:0 1px 0 #6B6B6B;
}

h2.date-header {
  margin:1.5em 0 .5em;
  display:none;
}

.main .widget {
  margin:0 0 5px;
  padding:0 0 2px;
}

.main .Blog {
  border-bottom-width:0;
}

#header .description {
  margin:0 0 0 13px;
  color:#B5B5B5;
  font-size:13px;
  text-shadow:1px 1px 0 #000;
  font-family:'Oswald',Arial;
}

/* Comments */

#comments {
  padding:10px;
}

#comments h4 {
  font-family:'Oswald',Arial;
}

#comment-name-url {
  width:365px;
  float:left;
}

#comment-date {
  width:365px;
  float:left;
  margin-top:5px;
  font-size:10px;
}

#comment-header {
  float:left;
  padding:5px 0 40px 10px;
  margin:5px 0 15px 0;
  position:relative;
  background-color:#ffffff;
  border:1px dashed #eeeeee;
}

.avatar-image-container {
  background:url(http://4.bp.blogspot.com/_4HKUHirY_2U/TLlJUqSaolI/AAAAAAAAEq4/qpgAHAOe9x0/s1600/comment-avatar.jpg);
  width:32px;
  height:32px;
  float:right;
  margin:5px 10px 5px 5px;
  border:1px solid #dddddd;
}

.avatar-image-container img {
  width:32px;
  height:32px;
}

a.comments-autor-name {
  color:#000000;
  font:normal bold 14px Arial,Tahoma,Verdana;
}

a.says {
  color:#000000;
  font:normal 14px Arial,Tahoma,Verdana;
}

.says a:hover {
  text-decoration:none;
}

.deleted-comment {
  font-style:italic;
  color:gray;
}

#blog-pager-newer-link {
  float:left;
}

#blog-pager-older-link {
  float:right;
}

#blog-pager {
  border-right:1px solid #343434;
  border-left:1px solid #141414;
  box-shadow:0 1px 0 rgba(255,255,255,0.1),inset 0 1px 0 #000;
  background:#202020;
  padding:5px 20px 5px 20px;
  width:615px;
  text-align:center;
  font-family:'Oswald',Arial;
}

.feed-links {
  clear:both;
  font-family:'Oswald',Arial;
}

/* Profile */

.profile-img {
  float:left;
  margin-top:0;
  margin-right:5px;
  margin-bottom:5px;
  margin-left:0;
  box-shadow:0 1px 5px 0 rgba(0,0,0,1);
  border:5px solid #363636;
}

.profile-data {
  margin:10px;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:#000000;
  font-weight:bold;
}

.profile-datablock {
  margin:.5em 0 .5em;
}

.profile-textblock {
  margin:0.5em 0;
  line-height:1.6em;
}

.avatar-image-container {
  background:url(http://3.bp.blogspot.com/-RzNfksQNKYM/URQgzfl0PhI/AAAAAAAACNk/rrdaRSQJK9U/s000/comment-avatar.jpg);
  width:32px;
  height:32px;
  float:right;
  margin:5px 10px 5px 5px;
  border:1px solid #dddddd;
}

.avatar-image-container img {
  width:32px;
  height:32px;
}

.profile-link {
  text-transform:uppercase;
  letter-spacing:.1em;
}

.comment-form {
  max-width:600px;
}

.cover {
  float:left;
  width:100%;
}

.PopularPosts .widget-content ul li {
  padding:6px 0;
}

.reaction-buttons table {
  border:none;
  margin-bottom:5px;
}

.reaction-buttons table,
.reaction-buttons td {
  border:none;
}

/* Slide Content */

.slide-wrapper {
  padding:0 auto;
  margin:0 auto;
  width:auto;
  float:left;
  word-wrap:break-word;
  overflow:hidden;
}

.slide {
  color:#666666;
  line-height:1.3em;
}

.slide ul {
  list-style:none;
  margin:0 0 0;
  padding:0 0 0;
}

.slide li {
  margin:0;
  padding-top:0;
  padding-right:0;
  padding-bottom:.25em;
  padding-left:0;
  text-indent:0;
  line-height:1.3em;
}

.slide .widget {
  margin:0 0 6px 0;
}

/* Breadcrumbs */

.breadcrumbs {
  box-shadow:0 1px 0 rgba(255,255,255,0.1),inset 0 1px 0 #000;
  font-family:'Oswald',Arial;
  font-size:11px;
  color:#D9D8D8;
  background:#0F0F0F;
  padding:10px 15px 10px 50px;
  overflow:hidden;
  position:relative;
}

.breadcrumbs:before {
  content:"\f090";
  font-family:fontAwesome;
  font-size:20px;
  font-style:normal;
  background-color:#000;
  color:#fff;
  top:0;
  left:0;
  padding:8px 13px;
  position:absolute;
  width:auto;
}

#comment-editor {
  width:103% !important;
}

.comment-form {
  width:100%;
  max-width:100%;
}

.sticky {
  position:fixed;
  top:0;
  z-index:10;
}

#error-page {
  text-shadow:1px 1px 0 #000000;
  color:#D6D6D6;
  font-family:sans-serif;
  text-align:center;
  background-color:#252527;
  position:fixed !important;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  padding-top:100px;
  z-index:99999;
}

#error-page:before {
  color:#fff;
  font-size:180px;
  font-family:FontAwesome;
  content:"\f109 ";
}

/* Slider */

.rslides {
  position:relative;
  list-style:none;
  overflow:hidden;
  width:100%;
  margin-top:2px;
  padding:0;
}

.rslides li {
  -webkit-backface-visibility:hidden;
  position:absolute;
  display:none;
  width:100%;
  left:0;
  top:0;
}

.rslides li:first-child {
  position:relative;
  display:block;
  float:left;
}

.rslides img {
  display:block;
  height:auto;
  float:left;
  width:100%;
  border:0;
}

/* Awesome */

.fa {
  text-shadow:2px 2px 0 #000;
  color:rgba(6,183,147,1);
  font-size:38px;
  display:inline-block;
  font-family:FontAwesome;
  font-style:normal;
  font-weight:normal;
  line-height:1;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

.fa-gears:before,
.fa-cogs:before {
  content:"\f085";
}

/* Responsive */

@media screen and (max-width:900px) {
  html[xmlns] .clearfix {
    display:inline-table;
  }
  #banner {
    display:none;
  }
  #search-box {
    width:97%;
  }
  .fcred,
  #casing,
  #bottom,
  #blog-pager,
  #wrapper {
    width:100%;
  }
  #content {
    width:60%;
  }
  #right {
    width:35%;
  }
  #head {
    text-align:center;
    width:100%;
  }
}

@media screen and (max-width:833px) {
  img {
    max-width:100%;
    height:auto;
    width:auto\9;
    /* IE8 */;
  }
  #content,
  #blog-pager {
    width:97%;
  }
  #Blog1 > div.post-feeds,
  #right,
  #casing > ul > div {
    display:none;
  }
}

@media screen and (max-width:768px) {
  .botwid {
    width:210px;
    margin:5px 17px 0 0;
  }
  #casing > table {
    margin:0 200px 0 0;
  }
}

@media screen and (max-width:600px) {
  #casing >; table {
    margin:0 140px 0 0;
  }
  .botwid {
    width:500px;
  }
}

@media screen and (max-width:568px) {
  #search-box {
    width:96%;
  }
  .rslides img {
    width:99%;
  }
  .bposttitle h2 {
    font-size:20px;
  }
  #casing > table {
    margin:0 120px 0 0;
  }
  .botwid {
    width:470px;
  }
}

@media screen and (max-width:480px) {
  #content {
    width:96%;
  }
  .rslides img {
    width:100%;
  }
  #casing > table {
    margin-bottom:16px;
    margin-top:0;
    margin-right:75px;
  }
  #dafis-acc {
    width:98.8%;
  }
  .bposttitle h2 {
    font-size:17.5px;
  }
  .botwid {
    width:375px;
  }
}

@media screen and (max-width:384px) {
  #blogname {
    width:100%;
  }
  #blogname h1 {
    font-size:26px;
    margin:20px 0 0 0;
  }
  #header .description {
    margin:0 0 0 1px;
  }
  .rslides img {
    width:100%;
  }
  #search-box {
    width:94.7%;
  }
  #content {
    width:94.5%;
  }
  .botwid {
    width:290px;
    margin:0 0 0 0;
  }
  #casing > table {
    margin-right:30px;
  }
}

@media screen and (max-width:320px) {
  #blogname h1 {
    font-size:20px;
    width:320px;
    margin:25px 100px 0 0;
  }
  #header .description {
    font-size:10px;
    margin:5px 0 0 1px;
  }
  #top {
    width:100%;
  }
  #search-box {
    width:93%;
  }
  #content {
    width:94%;
  }
  .rslides img {
    width:99%;
  }
  #casing > table {
    margin-top:0;
    margin-right:0;
  }
  .botwid {
    width:230px;
    margin:0 0 0 0;
    padding-bottom:10px;
  }
  #dafis-acc {
    width:95.88%;
  }
  .dafis-daf ol li {
    font-size:10px;
  }
}

@media screen and (max-width:240px) {
  #blogname h1 {
    width:230px;
  }
  .botwid {
    display:none;
  }
}

#ScrollToTop {
  z-index:999;
  text-align:center;
  position:fixed;
  bottom:10px;
  right:10px;
  cursor:pointer;
  display:none;
}

img.label_thumb {
  box-shadow:0 1px 5px 0 rgba(0,0,0,1);
  transition:all 0.4s ease-in;
  float:left;
  padding:2px;
  border:3px solid #363636;
  background:#252527;
  margin-right:10px;
  height:65px;
  width:65px;
}

img.label_thumb:hover {
  background:#171717;
}

.label_with_thumbs {
  float:left;
  width:100%;
  min-height:70px;
  margin:0 10px 2px 0;
  adding:0;
}

ul.label_with_thumbs li {
  padding:0 0 10px 0;
  min-height:65px;
  margin-bottom:10px;
}

#comments {
  display:none;
}

#Profile1 > div > a.profile-link {
  font-size:11.3px;
}

.title-only {
  background-color:#141414;
  box-shadow:0 1px 0 rgba(255,255,255,0.1),inset 0 1px 0 #000;
  font:14px/25px Open Sans,Helvetica Neue,Arial,Helvetica,sans-serif,century gothic;
  text-align:left;
  margin:1px 0 5px 10px;
  border:1px solid #000;
  padding-left:15px;
  padding-top:5px;
  padding-bottom:5px;
}

.title-only:before {
  color:#fff;
  font-family:FontAwesome;
  padding-right:15px;
  content:"\f054";
}

.title-only a {
  text-transform:uppercase;
  color:#5A5A5A;
  font-size:14px;
}

.title-only a:hover {
  color:#C5C5C5;
  text-decoration:none;
}

pre,
i[rel="pre"] {
  padding:.8em 1em;
  margin:0;
  background-color:#2f3741;
  border-left:4px solid #40627E;
  font-size:13px;
  color:#839496;
  font-family:Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,Monospace;
  line-height:1.4em;
  position:relative;
  white-space:pre;
  word-wrap:normal;
  white-space:pre;
  overflow:auto;
}

pre.line-number {
  transition:all 0.4s ease-in;
  background:#2f3741 url(http://4.bp.blogspot.com/-13ewIh6Vm50/UnBe-_3zqDI/AAAAAAAAF-o/4FNnjpi-N5c/s1600/new-line-number.png)no-repeat top left;
  padding-left:54px;
  border-left:none;
}

pre.line-number:after {
  content:"";
  width:35px;
  height:8px;
  background-color:#39424e;
  bottom:0;
  left:0;
  position:absolute;
}

pre[data-codetype="CSS"] {
  border-left-color:#2980b9;
}

pre[data-codetype="HTML"] {
  border-left-color:#16a085;
}

pre[data-codetype="JavaScript"] {
  border-left-color:#8e44ad;
}

pre[data-codetype="JQuery"] {
  border-left-color:#c0392b;
}

pre[data-codetype="XML"] {
  border-left-color:#e67e22;
}

pre.line-number[data-codetype]:before {
  content:attr(data-codetype);
  display:block;
  margin:-11px -13px 10px -54px;
  padding:8px 12px;
  font-family:Oswald,Arial,Sans-serif;
  font-size:14px;
  text-transform:uppercase;
  background-color:#41749f;
  color:white;
}

pre.line-number[data-codetype="CSS"]:before {
  background-color:#3498db;
}

pre.line-number[data-codetype="HTML"]:before {
  background-color:#1abc9c;
}

pre.line-number[data-codetype="JavaScript"]:before {
  background-color:#9b59b6;
}

pre.line-number[data-codetype="JQuery"]:before {
  background-color:#e74c3c;
}

pre.line-number[data-codetype="XML"]:before {
  background-color:#d35400;
}

pre[data-codetype]:hover {
  background-color:#23241f;
}

code {
  font-family:Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,Monospace;
  font-size:13px;
  color:#d14;
}

pre code {
  padding:0 !important;
  color:#a3a49a;
  background:none !important;
  border:none !important;
  display:block;
}

pre mark {
  background-color:#1a5752;
  color:#a3a483;
}

pre .line-number {
  float:left;
  margin:0 1em 0 -1em;
  color:#61686d;
  background-color:#39424e;
  text-align:right;
  min-width:2.5em;
  padding-right:4px;
}

/*
Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-license.org/
*/

.hljs {
  display: block;
  padding: 0.5em;
  background: #23241f;
}

.hljs,
.hljs-tag,
.css .hljs-rules,
.css .hljs-value,
.css .hljs-function
.hljs-preprocessor,
.hljs-pragma {
  color: #f8f8f2;
}

.hljs-strongemphasis,
.hljs-strong,
.hljs-emphasis {
  color: #a8a8a2;
}

.hljs-bullet,
.hljs-blockquote,
.hljs-horizontal_rule,
.hljs-number,
.hljs-regexp,
.alias .hljs-keyword,
.hljs-literal,
.hljs-hexcolor {
  color: #ae81ff;
}

.hljs-tag .hljs-value,
.hljs-code,
.hljs-title,
.css .hljs-class,
.hljs-class .hljs-title:last-child {
  color: #a6e22e;
}

.hljs-link_url {
  font-size: 80%;
}

.hljs-strong,
.hljs-strongemphasis {
  font-weight: bold;
}

.hljs-emphasis,
.hljs-strongemphasis,
.hljs-class .hljs-title:last-child {
  font-style: italic;
}

.hljs-keyword,
.hljs-function,
.hljs-change,
.hljs-winutils,
.hljs-flow,
.lisp .hljs-title,
.clojure .hljs-built_in,
.nginx .hljs-title,
.tex .hljs-special,
.hljs-header,
.hljs-attribute,
.hljs-symbol,
.hljs-symbol .hljs-string,
.hljs-tag .hljs-title,
.hljs-value,
.alias .hljs-keyword:first-child,
.css .hljs-tag,
.css .unit,
.css .hljs-important {
  color: #F92672;
}

.hljs-function .hljs-keyword,
.hljs-class .hljs-keyword:first-child,
.hljs-constant,
.css .hljs-attribute {
  color: #66d9ef;
}

.hljs-variable,
.hljs-params,
.hljs-class .hljs-title {
  color: #f8f8f2;
}

.hljs-string,
.css .hljs-id,
.hljs-subst,
.haskell .hljs-type,
.ruby .hljs-class .hljs-parent,
.hljs-built_in,
.sql .hljs-aggregate,
.django .hljs-template_tag,
.django .hljs-variable,
.smalltalk .hljs-class,
.django .hljs-filter .hljs-argument,
.smalltalk .hljs-localvars,
.smalltalk .hljs-array,
.hljs-attr_selector,
.hljs-pseudo,
.hljs-addition,
.hljs-stream,
.hljs-envvar,
.apache .hljs-tag,
.apache .hljs-cbracket,
.tex .hljs-command,
.hljs-prompt,
.hljs-link_label,
.hljs-link_url {
  color: #e6db74;
}

.hljs-comment,
.hljs-javadoc,
.java .hljs-annotation,
.python .hljs-decorator,
.hljs-template_comment,
.hljs-pi,
.hljs-doctype,
.hljs-deletion,
.hljs-shebang,
.apache .hljs-sqbracket,
.tex .hljs-formula {
  color: #75715e;
}

.coffeescript .javascript,
.javascript .xml,
.tex .hljs-formula,
.xml .javascript,
.xml .vbscript,
.xml .css,
.xml .hljs-cdata,
.xml .php,
.php .xml {
  opacity: 0.5;
}

#related-posts {
  box-shadow:0 1px 0 rgba(255,255,255,0.1),inset 0 1px 0 #000;
  border:1px solid #1B1B1B;
  background:#202020;
  padding:5px 0 5px 0;
  float:left;
  width:99.7%;
  margin-top:10px;
  font:11px Verdana;
}

#related-posts .widget {
  list-style-type:none;
  margin:5px 0 5px 0;
  padding:0;
}

#related-posts .widget h2,
#related-posts h2 {
  font-size:20px;
  font-weight:normal;
  margin:5px 7px 0;
  padding:0 0 5px;
}

#related-posts a {
  color:#979797;
  text-decoration:none;
}

#related-posts a:hover {
  color:#E73E62;
  text-decoration:none;
}

#related-posts ul {
  border:medium none;
  margin:10px;
  padding:0;
}

#related-posts ul li {
  display:block;
  background:transparent;
  margin:0;
  padding-top:0;
  padding-right:0;
  padding-bottom:1px;
  padding-left:21px;
  margin-bottom:5px;
  line-height:2em;
}

#related-posts ul li:before {
  content:"
  \f08e"
  ;
  font-family:fontAwesome;
  font-size:15px;
  font-weight:normal;
  font-style:normal;
  color:rgba(6,183,147,1);
  margin:-3px -34px;
  padding:4px 13px;
  position:absolute;
  width:auto;
}

#related-posts-judul {
  box-shadow:0 1px 0 rgba(255,255,255,0.1),inset 0 1px 0 #000;
  font-family:'
  Oswald'
  ,Arial;
  background:#141414;
  margin:-5px -5px;
  padding:5px 50% 5px 60px;
  color:#CDCDCD;
  font-weight:normal;
  text-transform:uppercase;
  font-size:12px;
  position:relative;
}

#related-posts-judul:before {
  content:"
  \f074"
  ;
  font-family:fontAwesome;
  font-size:19px;
  font-weight:normal;
  font-style:normal;
  background-color:#0A0A0A;
  color:rgba(205,205,205,1);
  margin:-5px -56px;
  padding:4px 13px;
  position:absolute;
  width:auto;
}